<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <script src="../js/vue.min.js"></script>
</head>
<body>
<style>
    @import url("//unpkg.com/element-ui/lib/theme-default/index.css");
</style>
<div id="app">
    <el-select v-model="value" placeholder="请选择" @change="handlueCahnge">
        <el-option v-for="(item, index) in options" :label="item.label" :value="index" :other="item.label">
        </el-option>
    </el-select>
</div>

<script src="//unpkg.com/element-ui/lib/index.js"></script>
<script>

    var vm = new Vue({
        el: "#app",
        data: {
            options: [{
                value: '选项1',
                label: '黄金糕'
            }, {
                value: '选项2',
                label: '双皮奶'
            }, {
                value: '选项3',
                label: '蚵仔煎'
            }, {
                value: '选项4',
                label: '龙须面'
            }, {
                value: '选项5',
                label: '北京烤鸭'
            }],
            value: ''
        },
        methods: {
//            获取自定义属性 lable 的值  表达形式类似于jquery的写法
            handlueCahnge(index) {
                console.log(this.options[index].label)
            }
        }
    })
</script>

</body>
</html>
